.drawer-article-operation {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 20px 50px 20px;
	background-color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	transform: translateY(100%);
	transition: transform 0.3s;
	max-height: 60vh;
	overflow-y: scroll;
	&.load {
		transform: translateY(0%);
	}
	.header {
		width: 100%;
		height: 80px;
		font-size: 34px;
	}
	.operation-list {
		width: 100%;
		padding: 10px;
		border-radius: 10px;
		background-color: #efefef;
		.operation {
			width: 100%;
			height: 100px;
			&:not(:last-of-type) {
				border-bottom: 1px solid #dedede;
			}
			display: flex;
			gap: 20rpx;
			align-items: center;
			padding: 0 20rpx;
			.img {
				width: 40px;
				height: 40px;
			}
			.text {
				font-size: 36px;
				line-height: 100px;
			}
		}
	}
	.space-list {
		width: 100%;
		height: calc(100% - 200px);
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom: 50px;
		.space-item {
			height: 90px;
			width: 100%;
			font: 400 32px / 32px '思源黑体';
			display: flex;
			justify-content: space-between;
			gap: 60px;
			align-items: center;
			.name {
				flex: 1;
			}
			.img {
				width: 40px;
				height: 40px;
			}
		}
	}
}
